<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<title>战绩查询</title>

<!-- <script type="text/javascript" src="<{.cdn_domain}>files/js/fastclick.js"></script> -->

<link rel="stylesheet" type="text/css" href="http://faxm.13w.top:2092/xxds/files/css/review.css?v=2019">

<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/jquery-1.9.1.min.js"></script>
<script src="/xds/config.js" charset="utf-8"></script>
<script>
	var gameType=1;
	 var hallUrl= window.location.href;
	 var hall= "xds";
	 var hallKey= "";
	let token =localStorage.getItem('token');
	var wx_ip = "127.1.1.1";
	var wx_port = "200";
	console.log("token :"+token);
	var userInfo = {
		id:0,
		cards: "0",
		nickname: "",
		headimgurl: "",
		individuality: "",
		is_opengroup: 0,
		tel: "",
		token: "",
	};


	var globalData = {
	    "baseUrl": domain,
		"fileUrl": "http://faxm.13w.top:2092/xxds/",
		"scoreInfo": "",
		"roomNumber":"",
		"accountId":userInfo.id.toString(),
		"roomUrl":"",
		"gameType":"",
	};
</script>
    <script src="http://faxm.13w.top:2092/xxds/common.js" charset="utf-8"></script>
<script>
    var baseUrl= "http://" + window.location.host+"/"+hallKey+".html";
</script>
<script>
	var roomUrl="http://" + window.location.host+globalData.roomUrl;
</script>
<script type="text/javascript">

    // window.addEventListener('load', function() {
    //     FastClick.attach(document.body);
    // }, false);
    // var per = window.innerWidth / 530;


    var configData = {
        "appId": "wx6515f0788fe58bd1",
        "timestamp": "1608641234",
        "nonceStr": "94fa59f4b3aa93793422c4a23e21ac92",
        "signature": "24ef84e85690b03eaf6d0aef2807b8e0af31f243",
    };

    //#291c4d
</script>


</head>

<body style="background-color: #0e0226">

    <div id="loading" style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" >
        <img src="http://faxm.13w.top:2092/xxds/files/images/common/loading.gif" style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;" />
    </div>

    <div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; background: #0e0226; display: none;">

        <div style="position: relative;top: 4vw;left: 0; width: 100%;height: 12vw;">
            <div style="position: absolute;width: 100%;height: 100%;background-color: #291c4d">
                <div style="position: absolute;width: 100%;height: 12.5vw;line-height: 12.5vw;font-size: 2.5vh;text-align: center;color:#00ff33">
                    {{ruleStartTime}} 至 {{ruleEndTime}}
                </div>
            </div>
        </div>

        <div style="position: relative;margin-top: 1.5rem;left: 0; width: 100%;height: 25vw;">
            <div style="position: absolute;width: 100%;height: 100%;background-color: #291c4d">
                <div style="position: absolute;width: 100%;height: 4vh;line-height: 4vh;font-size: 2.2vh;text-align: center;color: orange;">
                    {{ruleText}}
                </div>

            </div>
        </div>

        <div  style="position: relative;margin-top: 0.5rem;left: 0;width: 100%;overflow: auto;" >
            <div v-for="item in gameScoreList" style="position: relative;width: 100%;height: 14vw;background-color: #291c4d;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;">
                <div>
                    <img v-bind:src="item.avatar" style="position: absolute;top:1vw;left:1vw;width:12vw;height:12vw;border-radius:3px">
                </div>

                <div  style="position: absolute;left: 15vw;width: 55vw;height: 14vw;text-align: left;">
                    <div style="height: 9vw;line-height: 12vw;font-size: 2.2vh;">{{item.name}}</div>
                    <div style="height: 5vw; line-height: 6vw; font-size: 1.8vh;color: rgb(150,180,80);" >ID:{{item.code}}</div>
                </div>

                <div style="position: absolute;right: 5vw;height: 14vw;line-height: 14vw;font-size: 2.5vh;text-align: left;color: orange;">
                    <span style="font-size: 3vh">{{item.score}}</span>
                </div>

            </div>
        </div>

        <a  v-bind:href="roomUrl" v-bind:style="'position: relative;margin-top: 0.5rem; text-decoration: none; color: rgb(255, 255, 255); display: block; height: 50px; line-height: 50px; text-align: center; background: orange; width: 100%;'">
            查看战绩图
        </a>

<!--        <div  v-bind:style="'position: absolute;top: '+(50+14*gameScoreList.length)+'vw;left: 0;width: 100%;overflow: auto;'" >-->
        <div  v-bind:style="'relative: absolute;left: 0;width: 100%;overflow: auto;'" >
        <div v-for="item in gameDetailList" v-bind:style="'position: relative;width: 100%;height: '+(18+12*item.detail.length)+'vw;background-color: #291c4d;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;'">

        <div style="position: absolute;top: 0vw;left: 0;width: 100%;height: 8vw;line-height: 12vw; font-size: 2vh;text-align: center;color: white;">
            {{item.gnum}}/{{item.tnum}}局
        </div>
        <div style="position: absolute;top: 8vw;left: 0;width: 100%;height: 10vw;background-color: #291c4d;font-size: 2vh;line-height: 10vw;text-align: center;color: orange;">
            <div style="position: absolute;left: 0vw;width: 28vw">
                昵称
            </div>
            <div style="position: absolute;left: 28vw;width: 36vw;">
                牌型
            </div>
            <div style="position: absolute;left: 62vw;width: 13vw;">
                倍数
            </div>
            <div style="position: absolute;left: 75vw;width: 21vw;">
                分数
            </div>
        </div>

        <div  v-bind:style="'position: absolute;top: 18vw;left: 0;width: 100%;overflow: auto;'" >
            <div v-for="row in item.detail" style="position: relative;width: 100%;height: 12vw;line-height: 12vw;background-color: #291c4d;text-align: center;color: white;overflow:hidden;">
                <div style="position: absolute;left: 0vw;width: 28vw;height: 12vw;line-height: 12vw;font-size: 2vh;text-align: center;">
                    <img v-if="row.is_banker==1" src="http://faxm.13w.top:2092/xxds/files/images/common/banker_icon.png" style="position: absolute;top:4vw;left:1vw;width:4vw;height:4vw;">
                    {{row.name}}
                </div>
                <div style="position: absolute;left: 0vw;width: 28vw;height: 12vw;line-height: 12vw;font-size: 2vh;text-align: center;">
                    <img v-if="row.is_banker==1" src="http://faxm.13w.top:2092/xxds/files/images/common/banker_icon.png" style="position: absolute;top:4vw;left:1vw;width:4vw;height:4vw;">
                    {{row.name}}
                </div>
                <div v-if="row.is_join==1">
                    <div style="position: absolute;left: 28vw;width: 36vw;height: 12vw;line-height: 12vw;text-align: left;font-size: 1.8vh;">
                        <span style="color: rgb(150,180,80);">{{row.card_type}}</span>

                        <div class="cardOver" style="position: absolute;right: 0; width: 100%; height: 100%; overflow:hidden;">
                                <div class="cards card11" style="z-index: 13">
                                    <div class="face back" v-bind:class="'card' + row.cards[3]">
                                        <div class="cardGround" v-if="row.cards[3]==row.eliminate_array[0]"></div>
                                    </div>
                                </div>
                                <div class="cards card21" style="z-index: 12">
                                    <div class="face back" v-bind:class="'card' + row.cards[2]">
                                        <div class="cardGround" v-if="row.cards[2]==row.eliminate_array[0]"></div>
                                    </div>
                                </div>
                                <div class="cards card31" style="z-index: 11">
                                    <div class="face back" v-bind:class="'card' + row.cards[1]">
                                        <div class="cardGround" v-if="row.cards[1]==row.eliminate_array[0]"></div>
                                    </div>
                                </div>
                                <div class="cards card41" style="z-index: 10">
                                    <div class="face back" v-bind:class="'card' + row.cards[0]">
                                        <div class="cardGround" v-if="row.cards[0]==row.eliminate_array[0]"></div>
                                    </div>
                                </div>
                        </div>
                    </div>

                    <div style="position: absolute;left: 62vw;width: 13vw;height: 12vw;line-height: 12vw;font-size: 2.5vh;text-align: center;">
    <!--                    <span style="color: rgb(240,120,50);">{{row.combo_point}}倍</span>-->
                        <span style="color: rgb(240,120,50);">{{row.combo_point}}倍</span>
                    </div>
                    <div style="position: absolute;left: 75vw;width: 21vw;height: 12vw;line-height: 12vw;font-size: 2.5vh;text-align: center;">
                        <span style="color: rgb(240,120,50);">{{row.score}}</span>
                    </div>
                </div>
                <div v-if="row.is_join==0" style="font-size: 2vh; color: rgb(150,180,80);">本局未参战</div>
            </div>
        </div>

        </div>

        </div>

    </div>

</body>

<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/jquery-1.9.1.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/vue.min.js" ></script>
<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/review_jia31.js?v=2019"></script>
<script>
    $(document).on('click', 'img', function(e){
        e.preventDefault();
    })
</script>

</html>